<script lang="jsx">
export default {
  props: {
    left: {
      default: null,
    },
  },
  setup({ left }) {
    const Tag = 'h3';

    return () => (
      <div class="header">
        <div class="header-left">{left}</div>

        <div class="header-center">
          <Tag>About</Tag>
        </div>

        <div class="header-right"></div>
      </div>
    );
  },
};
</script>

<style scoped>
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
</style>
